<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <script type="text/javascript" src="vue.js"></script>
</head>
<!-- 
给子组件绑定事件有两种实现方法：
1：通过在子组件中this.$emit("handleclick"),向父组件抛出一个自定义事件，然后在子组件标签中进行监听，在父组件的methods中定义
    该监听函数就可以执行了
2：在子组件标签中用.native 修饰符 如<child @click.native="childhandle"></child>，即是表示可以触发原生的click事件

 -->

<body>
    <div id="app">
        <child @click.native="childhandle"></child>
    </div>
    <script type="text/javascript">
    Vue.component("child", {
        // props: ["contont"],
        props: {
            contont: {
                type: [Number, String], //规定类型
            }
        },
        data: function() {
            return {
                con: this.contont
            }
        },
        template: "<div>的收购价款</div>"
    });

    var vm = new Vue({
        el: "#app",
        data: {

        },
        methods: {
            childhandle: function() {
                alert("click");
            }
        }

    });
    </script>
</body>
</html